@charset "utf-8";

body * {box-sizing: border-box;}
html {margin: 0;padding: 0;overflow-x: hidden;overflow-y: scroll;-webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; }
body {margin: 0;padding: 0;font-family: "黑体","Microsoft Yahei", "Helvetica Neue", Helvetica, Tahoma, sans-serif;vertical-align: baseline;overflow: hidden;position: relative;}
header, footer, article, section, aside, nav {display: block;}
address {font-style: normal;}
img {border: none;}
select, input, textarea {vertical-align: middle;font-family: "Microsoft YaHei", sans-serif;}
input[type="radio"], input[type="checkbox"],input[type="image"] {width: auto;border: none;}
input[type="submit"],input[type="button"] {border: none;cursor: pointer; _cursor: hand;-webkit-appearance: none;}
ul, ol, li, dl, dt, dd, p,h1, h2, h3, h4, h5, h6 {margin: 0;padding: 0;list-style: none;}
h1, h2, h3, h4, h5, h6  {font-weight: 400;}
h1 {letter-spacing: -0.05em;}
h2 {letter-spacing: -0.03em;line-height: 1.4;}
* button {position: relative;display: inline-block;margin: 0;padding: 0;background: none;border: none;cursor: pointer; _cursor: hand;font-family: "Microsoft YaHei", sans-serif;text-decoration: none;overflow: visible;white-space: nowrap;}
em {font-style: normal;}
form  {margin: 0;padding: 0;}
fieldset  {margin: 0;padding: 0;min-width: inherit;border: none;}
iframe {margin: 0;padding: 0;border: currentcolor; border-image-source: none;}
table  {width: 100%;border-collapse: collapse;border: none;}
table th  {white-space: nowrap;text-align: center;font-weight: normal;}
table td  {white-space: normal;word-break: break-all;border: 1px solid #ddd;}
hr, legend, caption {margin: 0; padding: 0; width: 100%; height: 0; line-height: 0; font-size: 0; color: transparent;border: none; overflow: hidden;}
i{ font-style:normal; }
b{ font-weight: normal; }
a{text-decoration:none;color:#4c4c4c;cursor:pointer;outline:0;*star:expression(this.onFocus=this.blur());}
a:active, a:hover {outline: 0;text-decoration: none;}
a:active{border:none;}
a:after{border:none;}

.clear {clear: both;}
.clearfix::after {clear: both; content: ""; display: block; height: 0;}
.clearfix { zoom: 1;}
.fl {float: left}
.fr {float: right}
.trans{ transition: all 0.2s;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;-o-transition: all 0.2s }
.hidden {width: 100%;height: 0;margin: 0;padding: 0;border: 0 none;font-size: 0;line-height: 0;overflow: hidden;}
.text-center{text-align: center;}
.hr {height: 1px;clear: both;width: 100%;background-color: #f6f7fb;margin-bottom: 30px;}

body {font-size: 16px;line-height: 26px;color: #535353;overflow-x: hidden;background: #f5f5f5;}
html,body{min-width: 1200px;}
select, input, textarea {color: #555;font-size: 0.933em;border: solid 1px #dcdbdb;}
.wm-container{width:1200px;padding-left: 20px;padding-right: 20px;margin: 0 auto;}
.wm-container:before,.wm-container:after{display: table;content: "";}
.wm-container:after{clear: both;}
.wm-row{margin-left:-20px;margin-right: -20px;}

#body-bg{background-attachment: fixed;background-clip: border-box;background-color:rgba(0, 0, 0, 0);background-image: url("../img/sample_bg.jpg");background-origin: padding-box;background-position: 50% 0;background-repeat: no-repeat;background-size: cover !important;position: relative;}
#pre-header,#post-header{height: 340px;}
#header {position: relative;background-color: #000;background-color: rgba(0, 0, 0, 0.7);border-bottom: 1px solid rgba(255, 255, 255, 0.3);border-top: 1px solid rgba(255, 255, 255, 0.3);height: 150px;top: 0;transition: all 0.2s ease 0s;width: 100%;z-index: 200;}
.is-sticky #header {background-color: #000000;}

.logo{text-align: center;}
.logo img{height: 120px;margin-top: 10px;}

.is-sticky #hornav .nav-link{background-color: #171717;}
.is-sticky #hornav .sub-nav{background-color: #171717;}
.is-sticky #hornav .sec-nav{background-color: #171717;}
/*-----------------------------------------------------------------------------------*/
/* Top Menu - Hornav */
/*-----------------------------------------------------------------------------------*/
#hornav {font-family: Roboto Condensed;position: relative;padding-top: 0px;padding-right: 0px;text-align: center;width: 100%;z-index: 200;}
#hornav .nav-link {position: relative;width: 1200px;padding:0 10px; border-radius: 0 0 5px 5px;margin:0 auto;background-color: rgba(23, 23, 23, 0.3);}
#hornav .nav-link .nav {line-height: 40px;font-size: 14px;}
#hornav .nav-link .nav>ul>li {height: 62px;transition: all 0.3s ease 0s;position: relative;float: left;box-sizing: initial;margin: 0px 5px;}
#hornav .nav-link .nav>ul>li:hover {background-color: rgba(0,0,0,.5);}
#hornav .nav-link .nav>ul>li>a{color:#a1865e;font-size: 16px;font-weight: 300;letter-spacing: 1px;padding: 18px 33px;text-transform: uppercase;display: block;line-height: 26px;text-decoration: none;}
#hornav .nav-link .nav a.tit-a {color: #a1865e;display: inline-block;transition: all 0.3s ease 0s;line-height: 40px;}
#hornav .sub-nav {text-align: left;background: rgba(23, 23, 23, 0.3);border-radius: 5px;border: 1px solid rgba(255, 255, 255, 0.3);-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);-ms-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);-o-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);list-style: none;padding: 5px 0 !important;min-width: 200px;z-index: 20;margin-top: 0px;position: absolute;display: none;height: auto;top: 62px;z-index: 1000;}
#hornav .sub-nav::before {background: transparent url('../img/menu_arrow.png') no-repeat 0 0;content: "";display: block;height: 10px;left: 21px;position: absolute;top: -10px;width: 14px;}
#hornav .sub-nav li{width: 100%;}
#hornav .sub-nav li:hover{background-color: #000;}
#hornav .sub-nav li a{background-color: transparent;box-shadow: none;display: block;padding: 0 15px;color: #a1865e !important;text-transform: none;border-top: 1px solid rgba(0, 0, 0, 0.05);}

#hornav li.sec-li{position: relative;}
#hornav .sec-nav {text-align: left;background: rgba(23, 23, 23, 0.3);border-radius: 5px;border: 1px solid rgba(255, 255, 255, 0.3);-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);-ms-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);-o-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);list-style: none;padding: 5px 0 !important;min-width: 200px;z-index: 20;margin-top: -5px;position: absolute;display: none;height: auto;top: 0;left: 100%;z-index: 1000;}


/*-----------------------------------------------------------------------------------*/
/* Font Awesome */
/*-----------------------------------------------------------------------------------*/
[class^="fa-"]:before,
[class*=" fa-"]:before {font-family: FontAwesome;font-style: normal;font-weight: normal;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;padding-right: 10px;color: rgba(0, 0, 0, 0.6);}
/* Top Menu Icons */
#hornav li [class^="fa-"]:before,#hornav li [class*=" fa-"]:before {color: rgba(255, 255, 255, 0.2);top: 12px;left: 12px;font-size: 18px;}

#content-top-border {background-color: rgba(23, 23, 23, 0.8);border-radius: 5px 5px 0 0;height: 7px;}

.banner{}
.about-us{background-color:#1a1a1a;color: #777;font-size: 14px;}
.about-left{width: 58%;overflow: hidden;}
.about-right{width: 42%;padding-top: 90px;padding-right: 6.7%;padding-left: 6.5%;}
.i-column-wrap .stit {font-size: 26px;line-height: 46px;color: #a1865e;margin-left: -1px;}
.i-column-wrap.white .stit {color: #a1865e;font-weight: bold;}
.i-column-wrap .line {display: block;width: 10px;height: 2px;background-color: #9a9a9a;margin-top: 10px;}
.i-column-wrap.white .line {background-color: #9a9a9a;}

.i-column-wrap .mtit {display: block;margin-top: 18px;line-height: 36px;color: #444;font-size: 16px;}
.i-column-wrap.white .mtit {color: #cdcdcd;}

.i-column-wrap.white .mtit a {color: #cdcdcd;}
.i-column-wrap .font {display: block;line-height: 24px;font-size: 13px;margin-top: 10px;}
.i-column-wrap.white .font {color: #fff;opacity: 0.5;filter: alpha(opacity=50);}
.i-column-wrap .link {display: block;width: 42px;height: 42px;border-radius: 50%;margin-top: 98px;transition: background 0.3s ease 0s;position: relative;overflow: hidden;}
.i-column-wrap.black .link {border: 1px solid #aaa;}
.i-column-wrap.white .link {border: 1px solid rgba(255, 255, 255, 0.4);}
.about-us .link {margin-top: 30px;}
.i-column-wrap .link i {display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 2;transition: all 0.3s ease 0s;text-align: center;line-height: 42px;}
.i-column-wrap.white .link i::before{color: #fff;}

.i-column-wrap .link i::before{padding-right: 0;}
.i-column-wrap .link .bg {display: block;width: 0;height: 0;left: 50%;top: 50%;transition: all 0.3s ease 0s;position: absolute;border-radius: 50%;overflow: hidden;}
.i-column-wrap.black .link:hover .bg {width: 100%;height: 100%;top: 0;left: 0;background-color: #333;}
.i-column-wrap.black .link:hover i::before{color: #ffffff;}
.i-column-wrap.white .link:hover .bg {width: 100%;height: 100%;top: 0;left: 0;background-color: #fff;}
.i-column-wrap.white .link:hover i::before{color: #1a1a1a;}
.about-us .img-box{display: block;width: 100%;position: relative;overflow: hidden;}
.about-us .img-box img {width: 100%;height: 100%transform: translateZ(0px);transition: transform 0.3s ease 0s;}
.about-us .up-graybox {width: 100%;height: 100%;position: absolute;left: 0;top: 0;opacity: 0;filter: alpha(opacity=0);transition: all 0.4s ease 0s;}
.about-us .up-graybox .bgbox {display: block;width: 100%;height: 100%;background-color: #000;opacity: 0.6;filter: alpha(opacity=60);}
.about-us .up-graybox .stit {font-size: 16px;width: 100%;text-align: center;position: absolute;left: 0;top: 50%;color: #fff;line-height: 26px;padding: 3px 0;margin-top: -29px;}
.about-us .up-graybox .up-graybox .out-ico {display: none;width: 26px;height: 26px;position: absolute;right: 20px;top: 20px;}
.about-us .up-graybox .line {display: inline-block;width: 100px;height: 1px;background-color: #f2f2f2;position: absolute;left: 50%;margin-left: -50px;transition: all 0.6s ease 0s;}
.about-us .up-graybox .linet {top: 0;}
.about-us .up-graybox .line {bottom: 0;}
.about-us .img-box:hover img{transform: scale(1.05, 1.05);	transition: transform 0.6s ease 0s;}
.about-us .img-box:hover .up-graybox{opacity: 1;filter: alpha(opacity=1);}
.about-us .img-box:hover .line{-webkit-transform: rotate3d(0,1,0,85deg);-moz-transform: rotate3d(0,1,0,85deg);transform: rotate3d(0,1,0,85deg);}

.index-tit{font-size: 28px;margin-top: 30px;margin-bottom: 20px;line-height: 1.4;text-align: center;}
.index-tit span{display: block;}
.index-tit .en {color: #a4a3a3;}
.index-tit .line {width: 50px;height: 3px;background-color: rgba(23, 23, 23, 0.8);margin: 5px auto;}
.index-tit h3{font-size: 28px;}
.index-con{margin-bottom: 30px;}
p.more{text-align: center;}

.products{background-color:#eaeaea;padding-top: 44px;padding-bottom: 46px;}
.main-wrap{width: 93.4%;margin: 0 auto;}
.tit-box h4 {font-size: 26px;line-height: 36px;color: #333;font-weight: normal;}
.tit-box.white h4{color:#a1865e;}
.tit-box .intr {line-height: 26px;font-size: 15px;margin-top: 6px;color: #999;}
.tit-box .more {display: inline-block;line-height: 32px;margin-top: 25px;padding-left: 25px;background: url(../img/ico_09.png) no-repeat left center;font-size: 14px;color: #777;text-decoration: none;}
.tit-box.white .more{background-image: url(../img/ico_09_2.png);color: #999;}
.tit-box .more:hover{color: #333;}
.tit-box.white .more:hover{color: #fff;}
.list-wrap {margin-top: 45px;}
.list-wrap ul {width: 101.6%;}
.list-wrap ul.products-menu{width: 101%;}
.list-wrap li{width: 31.7%;margin-right: 1.6%;transition: box-shadow 0.3s ease 0s;margin-bottom: 20px;float: left;}
.list-wrap ul.products-menu li{width: 49%;margin-right: 1%;}
.products-menu li a{display: block;overflow: hidden;width: 100%;position: relative;}
.products-menu li a .pro-img{width: 100%;height: auto;-webkit-transition: -webkit-transform 0.4s ease-out; -moz-transition: -moz-transform 0.4s ease-out; transition: transform 0.4s ease-out;}
.products-menu li a:hover .pro-img{  -webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.products-menu li a .pro-txt{width: 100%;height: 100%;position: absolute;top: 0;left: 0;}

.news{background-color:#1a1a1a;padding-top: 85px;padding-bottom: 46px;}
.news a{text-decoration: none;color: #c4c4c4;}
.news a:hover{color:#fff}
.news .main-wrap {width: 82.8%;margin: 0 auto;}
.news-recommend-list {box-sizing: initial;position: relative;overflow: hidden;padding-left: 5px;margin-left: -5px;}
.news-recommend-list a{box-sizing: initial;}
.news-recommend-list ul {width: 102%;padding-bottom: 10px;}
.news-recommend-list li {float: left;width: 31.3%;margin-right: 2%;transition: box-shadow 0.3s ease 0s;}
.news-recommend-list .img {display: block;position: relative;overflow: hidden;}
.news-recommend-list .img img {transform: translateZ(0px);transition: transform 0.3s ease 0s;}
.news-recommend-list .img .bgimg {width: 100%;}
.news-recommend-list li:hover .img img {transform: scale(1.05, 1.05);transition: transform 0.6s ease 0s;}
.news-recommend-list .img .up-gray {display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 3;background-color: #000;opacity: 0;filter: alpha(opacity=0);transition: opacity 0.3s ease 0s;}
.news-recommend-list li:hover .img .up-gray {opacity: 0.1;filter: alpha(opacity=10);}
.news-recommend-list .cont-wrap {padding-top: 18px;padding-bottom: 10px;border: 1px solid #2f2f2f;}
.news-recommend-list .cont-wrap .cont {width: 90%;margin: 0 auto;}
.news-recommend-list .cont-wrap .tit {font-size: 18px;line-height: 30px;}
.news-recommend-list .cont-wrap .tit a {display: inline-block;color: #1c1c1c;height: 30px;position: relative;overflow: hidden;padding-top: 3px;padding-bottom: 3px;}
.news-recommend-list.white .cont-wrap .tit a{color: #fff;}
.news-recommend-list.white .cont-wrap .tit a:hover{color: #fff;}
.news-recommend-list .cont-wrap .word {display: block;line-height: 24px;font-size: 14px;margin-top: 4px;height: 85px;}
.news-recommend-list .cont-wrap .word a{display: inline-block;color: #777;}
.news-recommend-list .cont-wrap .bot-link {line-height: 46px;border-top: 1px solid #e5e5e5;display: block;width: 100%;}
.news-recommend-list .cont-wrap .bot-link .fa:before{font-size: 24px;line-height: 46px;color: #999;}
.news-recommend-list .cont-wrap .bot-link:hover .fa:before{color: #fff;}
.i-nine-wrap {background: #1a1a1a;padding-top: 22px;padding-bottom: 50px;}

.honor{background-color: #eaeaea;min-height: 280px;position: relative;padding-bottom: 40px;}
.honor-tit{width: 216px;border-right: 1px dotted #4e6990; height: 179px; display: inline; margin: 92px 0 0 0;position: relative;padding-left: 25px;}
.honor-tit .cn{width: 190px;font-size: 22px;padding: 1px 0;color: #a1865e;}
.honor-tit .en{width: 190px;color:#898989;font-size: 22px;font-family: impact;text-transform: uppercase;padding: 0;}
.honor-tit .more{width: 120px;height: 42px;text-decoration: none;border: 1px solid #000;display: block;line-height: 42px;text-align: center;position: absolute;bottom: 35px;left: 25px;}

.honor-con{width:940px;padding: 50px 0 0 30px;}
.honor-list{width: 160px;position: relative;float: left;height: 240px;margin-right: 20px;}
.honor-list .img-box{position: relative;display: block;width: 100%;height: 100%;overflow: hidden;}
.honor-list .up-graybox {width: 100%;height: 100%;position: absolute;left: 0;top: 0;opacity: 0;filter: alpha(opacity=0);transition: all 0.4s ease 0s;z-index: 3;}
.honor-list .up-graybox .bgbox {display: block;width: 100%;height: 100%;background-color: #000;opacity: 0.6;filter: alpha(opacity=60);}
.honor-list .up-graybox .stit {font-size: 16px;width: 100%;text-align: center;position: absolute;left: 0;top: 50%;color: #fff;line-height: 26px;padding: 3px 0;margin-top: -29px;}
.honor-list .up-graybox .up-graybox .out-ico {display: none;width: 26px;height: 26px;position: absolute;right: 20px;top: 20px;}
.honor-list .up-graybox .line {display: inline-block;width: 100px;height: 1px;background-color: #f2f2f2;position: absolute;left: 50%;margin-left: -50px;transition: all 0.6s ease 0s;}
.honor-list .up-graybox .linet {top: 0;}
.honor-list .up-graybox .line {bottom: 0;}
.honor-list .img-box:hover img{transform: scale(1.05, 1.05);	transition: transform 0.6s ease 0s;}
.honor-list .img-box:hover .up-graybox{opacity: 1;filter: alpha(opacity=1);}
.honor-list .img-box:hover .line{-webkit-transform: rotate3d(0,1,0,85deg);-moz-transform: rotate3d(0,1,0,85deg);transform: rotate3d(0,1,0,85deg);}
.honor-list .cont-box{padding: 22px 6.5% 0;padding-bottom: 0px;padding-bottom: 7px;border: 1px solid#f2f2f2;}

.cases{background-color:#1a1a1a;padding-top: 44px;padding-bottom: 46px;color: #c4c4c4;}
.cases a{color: #c4c4c4;}
.case-list .img-box{display: block;width: 100%;position: relative;overflow: hidden;}
.case-list .img-box img{width: 100%;transform: translateZ(0px);transition: transform 0.3s ease 0s;}
img.up-pic{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 2;*height: auto;}
.case-list .up-graybox {width: 100%;height: 100%;position: absolute;left: 0;top: 0;opacity: 0;filter: alpha(opacity=0);transition: all 0.4s ease 0s;z-index: 3;}
.case-list .up-graybox .bgbox {display: block;width: 100%;height: 100%;background-color: #000;opacity: 0.6;filter: alpha(opacity=60);}
.case-list .up-graybox .stit {font-size: 16px;width: 100%;text-align: center;position: absolute;left: 0;top: 50%;color: #fff;line-height: 26px;padding: 3px 0;margin-top: -29px;}
.case-list .up-graybox .up-graybox .out-ico {display: none;width: 26px;height: 26px;position: absolute;right: 20px;top: 20px;}
.case-list .up-graybox .line {display: inline-block;width: 100px;height: 1px;background-color: #f2f2f2;position: absolute;left: 50%;margin-left: -50px;transition: all 0.6s ease 0s;}
.case-list .up-graybox .linet {top: 0;}
.case-list .up-graybox .line {bottom: 0;}
.case-list .img-box:hover img{transform: scale(1.05, 1.05);	transition: transform 0.6s ease 0s;}
.case-list .img-box:hover .up-graybox{opacity: 1;filter: alpha(opacity=1);}
.case-list .img-box:hover .line{-webkit-transform: rotate3d(0,1,0,85deg);-moz-transform: rotate3d(0,1,0,85deg);transform: rotate3d(0,1,0,85deg);}
.case-list .cont-box{padding: 22px 6.5% 0;padding-bottom: 0px;padding-bottom: 7px;border: 1px solid #2f2f2f;}
.case-list .cont-box .stit {font-size: 18px;line-height: 30px;height: 30px;position: relative;}
.case-list .cont-box .stit:hover a{color: #fff;text-decoration: none;}
.case-list .cont-box .lab-font {line-height: 24px;font-size: 12px;min-height: 24px;}
.case-list .cont-box .bot-link {margin-top: 28px;border-top: 1px solid #2f2f2f;line-height: 36px;display: block;}
.case-list .cont-box .link-detail {display: inline-block;font-size: 14px;color: #999;}
.case-list .cont-box .fa:before{line-height: 36px;color: #999;}
.case-list .cont-box .bot-link:hover .link-detail{color: #fff;}
.case-list .cont-box .bot-link:hover .fa:before{color: #fff;}

#content-bottom-border {background-color: rgba(23, 23, 23, 0.8);border-radius: 0 0 5px 5px;height: 7px;}
#footer{font-size: 14px;}
#footer .footer-base{background-color: #000000;border-radius: 5px;padding: 30px;margin-top: 60px;}
#footer .footer-info{color: #bbb;color: rgba(255, 255, 255, 0.5);padding-top: 25px;padding-bottom: 25px;text-align: center;}
#footer .footer-info a{color: #444;color:rgba(255, 255, 255, 0.6);font-size: 14px;text-decoration: none;}
#footer .footer-info a:hover{color: #fff;}

#footer .footer-base h3{font-size: 20px;font-weight: 300;color:#FFFFFF;text-shadow: none;opacity: 0.8; margin-bottom: 10px;}
.contact-details{width: 33.3333%;margin-bottom: 20px;}
.web-link{width:25%;margin-bottom: 20px;}
.web-link ul li{color: #777777;display: block;font-size: 14px;letter-spacing: 0;padding: 0px 5px;text-decoration: none;text-transform: uppercase;}
.web-link ul li a:hover{text-decoration: none;color:#fff;}
.feedback{width:25%;margin-bottom: 20px;}

input.email {background: none repeat scroll 0 0 rgba(45, 55, 70, 0.15);border: 1px solid;border-top-color: currentcolor;border-right-color: currentcolor;border-bottom-color: currentcolor;border-left-color: currentcolor;border-color: rgba(255, 255, 255, 0.15);border-radius: 5px;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset;color: #fff;padding: 4px 12px;margin-bottom: 10px;width: 100%;}
textarea.message{background: none repeat scroll 0 0 rgba(45, 55, 70, 0.15);border: 1px solid;border-top-color: currentcolor;border-right-color: currentcolor;border-bottom-color: currentcolor;border-left-color: currentcolor;border-color: rgba(255, 255, 255, 0.15);border-radius: 5px;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset;color: #fff;padding: 4px 12px;margin-bottom: 10px;width: 100%;resize: none;}
.contact-wrap{background-color:#eaeaea;padding-top: 50px;padding-bottom: 50px;}
.contact-wrap .main-wrap {width: 82.8%;margin: 0 auto;}
.contact-wrap .address {margin-right: 100px;width: 300px;}
.contact-wrap h4 {font-size: 18px;line-height: 30px;font-weight: bold;font-family: "Base-font";padding-bottom: 13px;border-bottom: 1px solid #e3e3e3;color:#333;}
.contact-wrap .weixin {margin-right: 100px;width: 240px;}
.contact-wrap .weixin .wx-img {padding-top: 26px;}
.contact-wrap .weixin .wx-img img {display: inline-block;margin-right: 16px;}
.contact-wrap .address .cont {padding-top: 25px;}
.contact-wrap .address .cont p {line-height: 34px;font-size: 14px;color: #666;}
.contact-wrap .address .cont .stt {font-weight: bold;}
.contact-wrap .advis {width: 250px;}
.contact-wrap .advis .link-box {padding-top: 28px;}
.contact-wrap .advis .link-box a{display: block;line-height: 34px;font-size: 14px;transition: all 0.3s ease 0s;}
.contact-wrap .advis .link-box a:hover{color: #000;text-decoration: none;}
.footer{background-color:#222;padding-top: 70px;padding-bottom: 54px;}
.footer .main-wrap{width: 82.8%;margin: 0 auto;}
.footer .top-wrap {padding-bottom: 35px;border-bottom: 1px solid #393939;}
.footer .top-wrap .nav {line-height: 40px;}
.footer .top-wrap .nav a {display: inline-block;font-size: 14px;float: left;color: #fff;opacity: 0.4;filter: alpha(opacity=40);transition: opacity 0.3s ease 0s;}
.footer .top-wrap .nav a:hover{opacity: 1;text-decoration: none;}
.footer .top-wrap .nav .line {display: inline-block;float: left;width: 1px;height: 10px;background-color: #fff;opacity: 0.4;filter: alpha(opacity=40);margin: 16px 20px 14px;}
.footer .top-wrap .call {line-height: 40px;margin-top: 2px;display: inline-block;color: #fff;opacity: 0.4;filter: alpha(opacity=40);font-size: 12px;}
.footer .bot-wrap {line-height: 24px;padding-top: 28px;font-size: 12px;}
.footer a:hover{color: #fff;text-decoration: none;}
.ad-wrap{text-align: center;padding:80px 0;height: 620px;background-size: cover;background-position: center;background-repeat: no-repeat;background-attachment: fixed;}
.ad-wrap img{width: auto; height: 440px;margin: 0 auto; display: inline-block; }

.new-float,.new-float *{box-sizing: initial;}
.new-float{position: fixed;right: 0;top: 50%;z-index: 50;width: 77px;height: 374px;z-index: 201;}
.new-float li{position: relative;width: 77px;height: 57px;margin-bottom: 1px;line-height: 27px;color: #fff;text-align: center;}
.new-float li.hover{overflow: hidden;}
.new-float li a{display: inline-block;color: #fff;font-size: 12px;}
.new-float li a.tit{width: 77px;height: 27px;padding: 30px 10px 0 0;color: #fff;}
.new-float li p{position: relative;z-index: 2;height: 27px;padding-top: 30px;cursor: pointer;}
.new-float li.fi a{	background: url(../img/bg_float01.png) no-repeat;}
.new-float li.se a{	background: url(../img/bg_float02.png) no-repeat;}
.new-float li.th p{background: url(../img/bg_float03.png) no-repeat;font-size: 12px;}
.new-float li.fo a.tit{	background: url(../img/bg_float04.png) no-repeat;}
.new-float li.fif p{background: url(../img/bg_float05.png) no-repeat;font-size: 12px;}
.new-float li.zixun a{background: url(../img/bg_float01.png) no-repeat;}
.new-float li.six a{background: url(../img/xxf_bg_float01.png) no-repeat;cursor: pointer;}
.new-float li .tel{position: absolute;left: 77px;top: 0;z-index: 1;width: 184px;height: 57px;font: 24px/57px Arial;color: #fff;background: url(../img/bg_float06.png) no-repeat;cursor: pointer;}
.new-float a.mof{display: inline-block;width: 54px;height: 71px;padding: 12px 11px 0 12px;margin-top: 10px;*margin-top: 7px;background: url(../img/bg_float07.png) no-repeat;font-size: 18px;line-height: 22px;color: #fff;}

header {position: relative;z-index: 10;transition: transform 0.5s ease 0s;height: 100px;}
header .header-main {width: 100%;padding-top: 24px;background-color: #000;transition: padding 0.3s ease 0s, transform 0.5s ease 0s;position: fixed;left: 0;top: 0;}
header .logo img {margin-top: 0;height: 51px;transition: all 0.3s ease 0s;}
header .nav-link {position: relative;margin-top: 4px;}
header .nav-link .nav {line-height: 40px;font-size: 14px;}
header .nav-link .nav>ul>li {padding-left: 36px;height: 40px;padding-bottom: 32px;transition: all 0.3s ease 0s;position: relative;float: left;box-sizing: initial;}
header .nav-link .nav>ul>li a{font-size: 16px;text-decoration: none;}
header .nav-link .nav a.tit-a {color: #a1865e;display: inline-block;transition: all 0.3s ease 0s;line-height: 40px;}
header .nav-link .nav li .sub-nav {text-align: left;background: rgba(23, 23, 23, 1);border-radius: 5px;border: 1px solid rgba(255, 255, 255, 0.3);-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);-ms-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);-o-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);list-style: none;padding: 5px 0 !important;min-width: 200px;z-index: 20;margin-top: 10px;position: absolute;display: none;height: auto;top: 40px;z-index: 1000;}
header .nav-link .nav li .sub-nav::before {background: transparent url('../img/menu_arrow.png') no-repeat 0 0;content: "";display: block;height: 10px;left: 21px;position: absolute;top: -10px;width: 14px;}
header .nav-link .nav li .sub-nav li{width: 100%;position: relative;}
header .nav-link .nav li .sub-nav li:hover{background-color: #000;}
header .nav-link .nav li .sub-nav li a{background-color: transparent;box-shadow: none;display: block;padding: 0 15px;color: #a1865e !important;text-transform: none;border-top: 1px solid rgba(0, 0, 0, 0.05);}
header .sec-nav {text-align: left;background: rgba(23, 23, 23, 1);border-radius: 5px;border: 1px solid rgba(255, 255, 255, 0.3);-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);-ms-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);-o-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);list-style: none;padding: 5px 0 !important;min-width: 200px;z-index: 20;margin-top: -5px;position: absolute;display: none;height: auto;top: 0;left: 100%;z-index: 1000;}


.ins-ban{padding-top: 110px;width: 100%;height: 500px;text-align: left;color: #fff;background-repeat: no-repeat;background-position: center;background-size: cover;box-sizing: border-box;overflow: hidden;position: relative;}
.ins-ban .up-cont {position: absolute;left: 15%;top: 50%;margin-top: -90px;color: #fff;z-index: 2;}
.ins-ban .up-cont h4 {font-size: 48px;line-height: 60px;}
.ins-ban .up-cont .line {display: block;width: 40px;height: 4px;background-color: #fff;margin-top: 20px;margin-left: 5px;}
.ins-ban .up-cont .font {display: block;line-height: 48px;font-size: 26px;margin-top: 28px;}
.public-list{background-color: #1a1a1a;padding-bottom: 90px;color: #cdcdcd;margin-top:20px;}
.public-list a{color: #cdcdcd;outline: none;}
.public-list a:hover,.public-list a:focus{color: #fff;}
.public-list .top-nav {padding-top: 60px;}
.public-list .top-nav h3 {font-size: 26px;line-height: 42px;color: #fff;}
.public-list .top-nav .s-nav {margin-top: 22px;height: 36px;font-size: 14px;line-height: 34px;}
.public-list .top-nav .s-nav .stt {display: inline-block;margin-right: 35px;color: #cdcdcd;}
.public-list .top-nav .s-nav li {float: left;margin-right: 50px;border-bottom: 2px solid #1a1a1a;}
.public-list .top-nav .s-nav li a{color: #cdcdcd;}
.public-list .top-nav .s-nav li.hover {border-bottom: 2px solid #cdcdcd;}
.public-list .top-nav .s-nav .sub-li{position: relative;}
.public-list .top-nav .s-nav .sub-li .sub-nav {text-align: left;background: rgba(23, 23, 23, 1);border-radius: 5px;border: 1px solid rgba(255, 255, 255, 0.3);-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);-ms-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);-o-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);list-style: none;padding: 5px 0 !important;min-width: 200px;z-index: 20;position: absolute;display: none;height: auto;top: 36px;z-index: 1000;}

.public-list .top-nav .s-nav .sub-li .sub-nav li{float: none;margin-right: 0;padding:0 15px;min-width: 180px;}
.public-list .top-nav .s-nav .sub-li .sub-nav li:hover{background-color: #000;}
.public-list .top-nav .s-nav .sub-li.cur{border:0;}
.public-list .list-wrap .img-box {display: block;width: 100%;position: relative;overflow: hidden;}
.public-list .list-wrap .img-box img {width: 100%;transform: translateZ(0px);transition: transform 0.3s ease 0s;}
.public-list .list-wrap .img-box:hover img {transform: scale(1.05, 1.05);transition: transform 0.6s ease 0s;}
.public-list .list-wrap .cont-box {width: 86.5%;padding: 22px 6.5% 0;padding-bottom: 0px;padding-bottom: 7px;border: 1px solid #2f2f2f;box-sizing: initial;}
.public-list .list-wrap .cont-box .stit {font-size: 18px;line-height: 30px;height: 30px;position: relative;}
.public-list .list-wrap .cont-box .stit a {display: inline-block;color: #fff;overflow: hidden;text-overflow: ellipsis;position: relative;white-space: nowrap;width: 100%;}
.public-list .list-wrap .cont-box .lab-font {line-height: 24px;font-size: 12px;min-height: 24px;}
.public-list .list-wrap .cont-box .bot-link {margin-top: 28px;border-top: 1px solid #e5e5e5;line-height: 36px;display: block;outline: none;}
.public-list .list-wrap .cont-box .fa::before {line-height: 36px;color: #bcbcbc;}
.public-list .list-wrap .cont-box .bot-link:hover .more,.public-list .list-wrap .cont-box .bot-link:hover .fa::before {color: #fff;}
.public-list .list-wrap p{text-align: justify;line-height: 2em;font-size: 16px;}

.single-wrap{margin-top: 20px;}

.game163 *{margin:0;padding: 0;box-sizing: initial;}
.game163{ position: relative; border: 0px solid #dcdddd; padding: 4px; overflow: hidden; width: 100%; }	
.game163 .bigImg{ height: auto; position: relative;}	
.game163 .bigImg li img{ vertical-align:middle; width:auto; height:auto;display: block;margin:0 auto;}	
.game163 .bigImg  h4{ font-size: 14px; font-weight: bold; line-height: 33px; height: 33px; padding-right: 30px; overflow: hidden; text-align: left; }	
.game163 .smallWrap{margin-top: 20px;position: relative;}
.game163 .smallScroll{ height: 120px; width: 700px;margin: 0 auto;}	
.game163 .prev,
.game163 .next{outline:none;background-color: rgba(255,255,255,.6);position: absolute;top: 380px;top: 50%;margin-top: -105px;display: block;padding: 15px 20px;}
.game163 .prev i,.game163 .next i {display: block;width: 21px;height: 41px;overflow: hidden;cursor: pointer;background-image: url(../img/bg.png);background-repeat: no-repeat;background-position: 0 -230px;}
.game163 .next{ left:auto; right:0; }
.game163 .next i{background-position: -80px -230px;}
.game163 .prev:hover,
.game163 .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.game163 .sPrev,.game163 .sNext{width: 12px;height: 120px;padding: 0 9px;float: left;display: inline;background: #F9F9F9;border-radius: 10px 0 0 10px;}	
.game163 .sNext{border-radius: 0 10px 10px 0;}
.game163 .sPrev i,.game163 .sNext i{background: url(../img/bg.png) no-repeat 0 -190px;display: block;width: 12px;height: 20px;margin-top: 50px;cursor: pointer;}
.game163 .sPrev:hover,.game163 .sNext:hover {background: #eee;}
.game163 .sNext i{background-position:-40px -190px; }
.game163 .sPrev:hover i {background-position: -20px -190px;}

.game163 .sNext:hover i {background-position: -60px -190px;}
.game163 .sPrev.prevStop i {cursor: text;}
.game163 .sPrev.prevStop:hover{background-color: #f9f9f9;}
.game163 .sPrev.prevStop:hover i {background-position: 0 -190px;}
.game163 .sNext.nextStop i {cursor: text;}
.game163 .sNext.nextStop:hover{background-color: #f9f9f9;}
.game163 .sNext.nextStop:hover i {background-position: -40px -190px;}

.game163 .sNext{ background-position: 0 -2698px;}	
.game163 .sPrev:hover{ background-position: 0 -3133px;}	
.game163 .sNext:hover{ background-position: 0 -2785px;}	
.game163 .smallImg{width: 600px; height: 120px; float: left; display: inline; margin: 0 15px; overflow: hidden;background-color: #fff;}}	
.game163 .smallImg ul{ height:54px;  width: 9999px; overflow: hidden; }	
.game163 .smallImg li{ float: left; padding: 0 4px 0 0; width:120px;height: 120px; cursor:pointer;  display: inline;  }	
.game163 .smallImg li a{display: table-cell; vertical-align:middle; text-align:center; *display: block; *font-size: 105px;/*约为高度的0.873，120*0.873 约为105*/ *font-family:Arial;/*防止非utf-8引起的hack失效问题，如gbk编码*/ width:120px; height:120px; }
.game163 .smallImg img{ border: 1px solid #dcdddd; width:60px; height:45px; max-width: 100px;max-height: 100px;width: auto;height: auto;}	
.game163 .smallImg .on img{ border-color: #1e50a2;}	
.game163 .pageState{ position: absolute; top: auto;bottom: 200px; right: 5px; font-family: "Times New Roman", serif; letter-spacing: 1px;}	
.game163 .pageState span{ color: #f00; font-size: 16px;}

.pager-group {width: 100px;height: 150px;position: absolute;overflow: hidden;margin: 0 20px 0 0;overflow: hidden;cursor: pointer;top: 0;}
.pager-group img{width: 100px;height: 75px;vertical-align: middle;position: relative;z-index: -1;}
.pager-group .bg {border: 1px solid #DEDFE3;display: block;width: 100px;height: 100px;position: absolute;left: 0;top: 0;background:#fff; z-index: 3;}
.pager-group em {line-height: 18px;height: 40px;display: block;font-style: normal;position: absolute;bottom: 0;left: 0;width: 106px;text-align: center;}
.pager-group .inner {display: table-cell;vertical-align: middle;text-align: center;*display: block;*font-size: 88px;*font-family: Arial;width: 100px;height: 100px;}
.pager-next{left: 0;right: auto;}
.pager-next{right: 0;left: auto;}

.map-wrap{width: 1200px;height: 400px;margin:0 auto;}
.picFocus *{margin:0;padding: 0;box-sizing: initial;}
.picFocus{ margin:0 auto;  width:100%; border:0; padding:0;  position:relative;  overflow:hidden;  zoom:1; margin-bottom: 20px;}
.picFocus img{display: block;margin:0 auto;}
.picFocus .pager-group{top:50%;margin-top: -75px;}

.book-wrap{color: #fff;padding: 45px 30px;margin-top: 20px;}
.book-wrap .tit-box {padding-bottom: 15px;border-bottom: 1px solid #e5e5e5;}
.book-wrap .tit-box h4{color: white;font-size: 20px;}
.book-wrap .tit-box p.date{color: #cfcfcf;}
.book-wrap .info-cont {font-size: 14px;line-height: 26px;margin-top: 28px;margin-bottom: 28px;color: #cfcfcf;}
.book-wrap .reply-cont{margin-bottom: 28px;font-size: 14px;}
.form-wrap{margin:0 auto;padding: 45px 30px;}
.form-wrap .form-group{padding:0; margin:0; margin-bottom: 20px;}
.form-wrap .form-control{border-radius: 0;}
#nicekname{width: 200px;}
#t2{width: 200px;}
#t6{width: 600px}
#t10{width: 100px;}
#t1{width: 800px;}
.public-list .wm-submit{width: 180px;height: 60px;line-height: 60px;text-align: center;color: #2f2f2f;font-size: 16px;background-color: #eee;margin: 30px auto 0;cursor: pointer;font-family: "Base-font";transition: all 0.4s ease 0s;}
.public-list .wm-submit:hover {background-color: #333;color:#fff;}

/******* 分页导航 ********/
.wm-page{text-align: center;}
.wm-pagination{display: inline-block;margin:0;text-align:center;line-height:32px;font-size:0;letter-spacing:-0.307em;*letter-spacing:normal;*word-spacing:-1px;word-wrap:normal;white-space:nowrap;color:#999;}
.wm-pagination li{display: inline-block;margin:0;width: auto;}
.wm-pagination a,.wm-pagination i{display:inline-block;*display:inline;*zoom:1;vertical-align:top;padding:0 12px;margin-left:-1px;border:1px solid #ccc;font-size:12px;letter-spacing:normal;word-spacing:normal;background:#fff;margin: 0 4px;}
.wm-pagination i{background:none;}
.wm-pagination a,.wm-pagination a:hover{text-decoration:none;color:#999;}
.wm-pagination a.first{margin-left:0;}
.wm-pagination a.last{margin-right:0;}
.wm-pagination a .pagearr{font-weight:bold;font-family:\5b8b\4f53;vertical-align:top;*vertical-align:middle;}
.wm-pagination a.pageprv .pagearr{margin-right:3px;}
.wm-pagination a.pagenxt .pagearr{margin-left:3px;}
.wm-pagination a:hover{background:#1a1a1a;color: #fff;}
.wm-pagination li.active a{background:#1a1a1a; color: #fff;}
.wm-pagination a.z-crt,.wm-pagination a.z-crt:hover,.wm-pagination a.z-crt:active{cursor:default;color:#fff;background:#1a1a1a;}
.wm-pagination a.z-dis,.wm-pagination a.z-dis:hover,.wm-pagination a.z-dis:active{cursor:default;color:#999;background:#fff;}

.news-info {background-color: #1a1a1a;padding-top: 60px;padding-bottom: 55px;color: #cfcfcf;}
.news-info .tit-box {padding-bottom: 15px;border-bottom: 1px solid #5e5e5e;}
.news-info .tit-box h4 {font-size: 26px;line-height: 38px;color: #fff;}
.news-info .tit-box p.date {color: #cfcfcf;line-height: 28px;font-size: 14px;}
.news-info .tit-box p a{color: #cfcfcf;}
.news-info .info-cont {font-size: 14px;line-height: 26px;margin-top: 28px;}
.news-info .info-cont p{text-align: justify;}
.wm-pager{color: #cfcfcf;}
.wm-pager a{color: #cfcfcf;}
.wm-pager a:hover{color: #fff;}
.news-recommend-more {width: 1200px;margin:0 auto;background-color: #fff;padding-top: 52px;padding-bottom: 90px;}
.news-recommend-more .main-wrap {width: 88%;margin: 0 auto;}
.news-recommend-more .tit-box .stit{font-size: 24px;line-height: 40px;color: #333;}
.news-recommend-more .tit-box .line {display: block;width: 9px;height: 2px;background-color: #9a9a9a;margin-top: 16px;}
.news-recommend-more .tit-box .read-more {display: inline-block;padding-left: 25px;font-size: 14px;color: #777;background: url(../img/ico_09.png) no-repeat left center;line-height: 32px;margin-top: 6px;}
.news-recommend-more .news-recommend-list .cont-wrap {padding-top: 18px;padding-bottom: 10px;border: 1px solid #f8f8f8;}
.news-recommend-more .news-recommend-list .cont-wrap .bot-link:hover span{color: #333;}
.news-recommend-more .news-recommend-list .cont-wrap .bot-link:hover .fa::before {color: #333;}